<template>
  <div>
    <div class="box">
      <div class="box-left">
        <div class="box-left-left">
          <img src="/getfind/1.png" alt="" @click="fun()" />
        </div>
        <div class="box-left-right">
          <p>:</p>
        </div>
      </div>
      <div class="box-right">
          <img class="img2" src="/getfind/3.png" alt="">
          <img class="img1" src="/getfind/2.png" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {
methods:{
    fun(){
        this.$router.go(-1)
    }
}
};
</script>

<style scoped>
.box {
  width: 3.432rem;
  height: 0.52rem;
  /* background-color: pink; */
  padding: 0 0.16rem;
  display: flex;
}
.box-left {
  width: 2.632rem;
  height: 0.52rem;
  /* background-color: rgb(160, 35, 56); */
  display: flex;
  justify-content: space-between;
}
.box-right {
  width: 0.8rem;
  height: 0.52rem;
  /* background-color: rgb(189, 109, 123); */
  display: flex;
  justify-content: space-evenly;
}
.box-left-left {
  display: flex;
  justify-content: space-between;
}
.box-left-left img {
  width: 0.28rem;
  height: 0.28rem;
  margin-top: 0.12rem;
}
.box-left-right p {
  width: 0.28rem;
  height: 0.52rem;
  font-size: 0.20rem;
  font-weight: 700;
  line-height: 0.52rem;
  text-align: center;
}
.box-right .img1{
    width: 0.28rem;
    height: 0.28rem;
    margin-top: 0.12rem;
}
.box-right .img2{
    width: 0.24rem;
    height: 0.24rem;
    margin-top: 0.14rem;
}
</style>